<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<h:head>
	<link type="text/css" rel="stylesheet" href="#{utilsCtrl.url}/css/style.css"></link>
	<script src="#{utilsCtrl.url}/js/locale-primefaces.js" type="text/javascript"></script>
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			font-family: geneva, arial, helvetica, sans-serif;
			font-size:80%;
		}

        .ui-layout-unit-content{
        	background: url(#{utilsCtrl.url}/images/background_3.jpg);
        }
	</style>
	
</h:head>
<h:body>	
	<p:layout fullPage="true">
		<p:layoutUnit position="north">
			<h:form id="formTemplate" prependId="false">
				<p:commandButton id="dynaButton" value="Menu" type="button" icon="icon-menu" />
			    <p:tieredMenu overlay="true" trigger="dynaButton" my="left top" at="left bottom" style="width:150px">
		            <p:menuitem value="Index" action="index" icon="ui-icon-home" />
			        <p:menuitem value="Cliente" action="clienteListar" icon="ui-icon-person"/>
			        <p:menuitem value="Produtos" action="produtoListar" icon="ui-icon-cart"/>
			        <p:submenu label="Vendas" icon="ui-icon-note">
			            <p:menuitem value="Nova venda" action="vendaEditar" actionListener="#{vendaEditarCtrl.novo}"/>
					    <p:menuitem value="Vendas abertas" action="vendaAbertaListar"/>
					    <p:menuitem value="Vendas finalizadas" action="vendaFinalizadaListar"/>
					    <p:menuitem value="Parcelas" action="parcelaPesquisarListar"/>
			        </p:submenu>
			    </p:tieredMenu>
				
			</h:form>
		</p:layoutUnit>
		<ui:insert name="content"/>
		
	</p:layout>
</h:body>
</html>